<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	font: 100% Calibri;
	background: #666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColElsCtrHdr #container {
	width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #header { 
	background: #FFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFC;
	margin: 60px;
	width: 550px;
}
.oneColElsCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColElsCtrHdr #container #mainContent #form1 p center {
	text-align: left;
	width: 550;
}
-->
</style></head>

<body class="oneColElsCtrHdr">

<div id="container">
  <div id="header">
    <h1><img src="images/FMS banner.png" width="597" height="113" /></h1>
  <!-- end #header --></div>
  <div id="mainContent">
    <form wicket:id="addUserForm" name="addUserForm" method="post" action="">
      <p>&nbsp;</p>
      <p>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ID No: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<input name="idNo1" type="text" wicket:id="idNo1" size="4" maxlength="4" />
-
<input name="idNo2" type="text" wicket:id="idNo2" size="4" maxlength="4" /> <br/>
&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Name :  &nbsp;&nbsp;  &nbsp;       &nbsp;       &nbsp;       &nbsp;
        <input name="full_name" type="text" wicket:id="full_name" size="40" maxlength="40" id="full_name" />
        <br />
  		&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Year Level: &nbsp; &nbsp;&nbsp;
  		<select name="year_level" wicket:id="year_level" id="year_level">
  		  <option>select</option>
  		  <option value="1">1</option>
  		  <option value="2">2</option>
  		  <option value="3">3</option>
  		  <option value="4">4</option>
  		  <option value="5">5</option>
        </select> <br/>
	    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Organization:&nbsp;
        <label>
          <select name="user_org" wicket:id="user_org" id="user_org">
            <option>select</option>
            <option>org2</option>
            <option>org3</option>
            <option>org4</option>
            <option>org5</option>
            <option>org6</option>
            <option>org7</option>
            <option>org8</option>
            <option>org9</option>
            <option>org10</option>
          </select>
          <br/>
          &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Position:&nbsp;&nbsp;       &nbsp;&nbsp;       &nbsp;       &nbsp;
          <select name="user_position" wicket:id="user_position" id="user_position">
            <option>select</option>
            <option>pos2</option>
            <option>pos3</option>
            <option>pos4</option>
            <option>pos5</option>
            <option>pos6</option>
            <option>pos7</option>
            <option>pos8</option>
            <option>pos9</option>
            <option>pos10</option>
          </select>
          <br /> 
          &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;School Year&nbsp;&nbsp;       &nbsp;
          
          <input name="from_SY" type="text" wicket:id="from_SY" size="4" maxlength="4"  />
          - 
          <input name="to_SY" type="text" wicket:id="to_SY" size="4" maxlength="4"  />
          <br/>
        </label>
        &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Semester: &nbsp;                            &nbsp;                            &nbsp;
        <select name="semester" wicket:id="semester" >
          <option>select</option>
          <option>1</option>
          <option>2</option>
        </select><br/> <br/> <br/>
        &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Create User ID :
        &nbsp; &nbsp;
        <input name="user_id" type="text" wicket:id="user_id" size="10" maxlength="10" id="user_id" ></input><br/>
        &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Create Password:&nbsp;
        <input name="user_password" type="password" wicket:id="user_password" size="10" maxlength="10" id="user_password" />
        <br/><br/><br/><br/>
        <label>
          &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
          <input type="submit" name="addUserButton" wicket:id="addUserButton" value="Add User" />
        </label>
      </p>
<p>&nbsp;</p>
        <p>
        &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; </p>
    
      <p>&nbsp;</p>
    </form>
    <div></div>
	<!-- end #mainContent --></div>
  <!-- end #container -->
</div>
</body>
</html>
